<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tab标签</title>
     <!--引入2 css-->
         <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"/>
         <link rel="stylesheet" href="../themes/icon.css" type="text/css"/>
         <!--引入js文件-->
         <script type="text/javascript" src="../js/jquery.min.js"></script>
         <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
</head>
<body>
<div id="tt" class="easyui-tabs" style="width:500px;height:250px;"
data-options="plain:false,fit:false,border:true,tools:[
{
iconCls:'icon-add',handler:function(){
alert('添加')
}
},{
iconCls:'icon-remove',
handler:function(){
alert('移除');
}

}


]"
>
    <div title="Tab1" style="padding:20px;display:none;">
        tab1
    </div>
    <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
        tab2
    </div>
    <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">
        tab3
    </div>
</div>
</body>
</html>